<template>
    <div class="LocationPoint" :style="styleStr">
      <slot></slot>
    </div>
</template>

<script setup>
const props = defineProps({
  location: {
    type: Object,
    default () {
      return {
        x: 0,
        y: 0
      }
    }
  }
})

const styleStr = computed(() => {
  return `left:${props.location.x}px;top:${props.location.y}px`
})
</script>

<style lang="scss" scoped>
.LocationPoint{
  position: absolute;
}
</style>
